<template>
	<div class="dengluzhuce">
		<!-- <div class="pm"></div> -->
		<div class="zuoj"><img src="../../assets/denglu/zuoj.png"></div>
		<div class="lg" align="center">
			<img src="../../assets/denglu/LOGO.png">
		</div>
		<div class="denglu" align="center">
			<router-link :to="{path:'/jindenglu'}" tag="button">登录</router-link>
			<router-link :to="{path:'/jinzhuce'}" tag="button">注册</router-link>
		</div>
		<div class="youke" align="center"><a href="http://localhost:8080/#/index/yinmu/" >游客登录</a></div>
		<div class="qita" align="center">其它登录方式</div>
		<div class="qq" align="center">
			
			<ul>
				<li><a href=""><img src="../../assets/denglu/qq.png"><p>QQ</p></a></li>
				<li><a href=""><img src="../../assets/denglu/weixin.png"><p>微信</p></a></li>
				<li><a href=""><img src="../../assets/denglu/weibo.png"><p>微博</p></a></li>
			</ul>
		</div>

		
	</div>
</template>

<script>

export default{
	name:"dengluzhuce",
	data(){
		return{

			
	}
     }
}
</script>

<style scoped lang="less">
.dengluzhuce{
	background: #fff;
}
.pm{
	width: 750/100rem;
	height: 48/100rem;
	background: blue;
}
.zuoj{
	width: 24/100rem;
	height: 38/100rem;
	margin-left: 12/100rem;
}
.lg{
	width: 750/100rem;
	height: 218*2/100rem;
	
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	&>img{
		width: 202/100rem;
		height: 185/100rem;
		vertical-align:middle;	
	}
}
.denglu{
	width: 750/100rem;
	height: 104*2/100rem;
	&>button{
		width: 243*2/100rem;
		height: 38*2/100rem;
		margin-top: 15*2/100rem;
		background: #fff;
		color: #A381F4;
		border: 1px solid #A381F4;
		border-radius: 7/100rem;
		font-size: 15*2/100rem;
	}
}
.youke{
	width: 750/100rem;
	height: 130*2/100rem;
	
	margin-top: 28*2/100rem;
	font-size: 13*2/100rem;
	&>{
		text-decoration:underline;
		color: #B1B1B1;
	}
}
.qita{
	width: 750/100rem;
	height: 40*2/100rem;
	
	font-size: 13*2/100rem;
}
.qq{
	width: 636/100rem;
	height: 58*2/100rem;
	font-size: 13*2/100rem;
	&>ul li img{
	width: 80/100rem;
	height: 80/100rem;
	display: inline-block;

	}
	
}
.qq li{
	display: inline-block;
	margin-left: 57*2/100rem;
}	
</style>